<template>
  <el-input v-model="params.inputValue" v-bind="$attrs" class="!w-308px">
    <template #prepend>
      <GSelect
        v-model="params.selectValue"
        :options="labelOptions"
        :clearable="false"
        v-bind="$attrs"
        class="!w-68px"
      />
    </template>
  </el-input>
</template>

<script lang="ts" setup>
const props = defineProps({
  labelOptions: {
    type: Array as () => Array<Record<string, any>>,
    default: () => []
  },
  valueObj: {
    type: Object,
    default: () => {}
  }
})

const params = ref({ ...props.valueObj })
</script>

<style lang="scss" scoped></style>
